{extend name="public/base"/}
{block name="style"}
<script type="text/javascript">

    $(document).ready(function () {


        $('.moreIco').click(function () {

            if($(this).hasClass('closeIco')){

                $('#header').removeClass('app_headerFixed2');
                $(this).removeClass('closeIco');
                $('.app_header_second').hide();
                $('.app_meskSection').hide();

            }else{

                $('#header').addClass('app_headerFixed2');
                $(this).addClass('closeIco');
                $('.app_header_second').show();
                $('.app_meskSection').show();
            }

        })

        $('body').on('click','.app_meskSection',function () {
            $('.app_header_second').hide();
            $('.app_meskSection').hide();
            $('#header').removeClass('app_headerFixed2');
            $('.moreIco').removeClass('closeIco');
        })
    })

</script>
{/block}
{block name="body"}

<div class="app_goBackToTop"></div>
<div class="app_meskSection"></div>


<div  class="container">

    <div class="app_header_section2  app_scrollerHeader" id="header">
        <div class="app_header_detail2">
            <div class="app_header_back"></div>
            <div class="app_header_h1">
				<div class="app_header_section_nav"  style="padding-left: 28%;">
					<ul class='app_marginLeft app_styleUl2' >
						<li {eq name="channel" value="1"}class="active" {/eq}>
							<a href="/top/channel/1/type/1/">男频</a>
						</li>
						<li {eq name="channel" value="2"}class="active" {/eq} >
							<a href="/top/channel/2/type/1/">女频</a>
						</li> 
					</ul>
				</div>
				<a href="/personal/bookcase"> <i class="shujiaIco"></i></a>
						<i class="moreIco"></i>
            </div>
        </div>
		{include file="public/dropnav" /}
	</div>


    <div class="app_header_section">
        <div class="app_header_section_bottom app_header_section_bottom_deleteLine">
            <ul>
                <li {eq name="type" value="1"}class="active" {/eq}>
                    <a href="/top/channel/{$channel}/type/1/">点击</a>
                </li>
                <li  {eq name="type" value="2"}class="active" {/eq}>
                    <a href="/top/channel/{$channel}/type/2/">畅销</a>
                </li>
                <li  {eq name="type" value="3"}class="active" {/eq}>
                    <a href="/top/channel/{$channel}/type/3/">新书</a>
                </li>
                <li  {eq name="type" value="4"}class="active" {/eq}>
                    <a href="/top/channel/{$channel}/type/4/">打赏</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="app_body">
        <div class="app_listBlock app_deleteMargin">

            <div class="app_listBlock_con">
                <ul id="books">
				{switch name="type" }
					{case value="1" }
						{volist name="clicktop" id="vo"}
						<li>
								<a href="{:url('/book/info',['id'=>$vo.id])}">
									<div class="leftImage"><img src="{$vo.cover}" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></div>
									<div class="rightBlock">
										<span class="rightBlock_title">{$vo.title}</span>
										<span class="rightBlock_con">
										 <span class="con">{$vo.intro}...</span>
								</span>
										<span class="rightBlock_label">
									<span class="keyWord_l">
										   <i class="k1">{$vo['fullflag']==1?"完结":"连载中"}完结</i>
									</span>
									<span class="keyWord_r">
										   <i class="k1">{$vo.size/10000|round=###,1}万字</i>
										   <i class="k2">{$vo.category| get_category=###,'title'}</i>
									</span>
								</span>
									</div>
								</a>
						</li>
						{/volist}
					{/case}
					{case value="2"}
						{volist name="hottop" id="vo"}
						<li>
								<a href="{:url('/book/info',['id'=>$vo.id])}">
									<div class="leftImage"><img src="{$vo.cover}" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></div>
									<div class="rightBlock">
										<span class="rightBlock_title">{$vo.title}</span>
										<span class="rightBlock_con">
										 <span class="con">{$vo.intro}...</span>
								</span>
										<span class="rightBlock_label">
									<span class="keyWord_l">
										   <i class="k1">{$vo['fullflag']==1?"完结":"连载中"}完结</i>
									</span>
									<span class="keyWord_r">
										   <i class="k1">{$vo.size/10000|round=###,1}万字</i>
										   <i class="k2">{$vo.category| get_category=###,'title'}</i>
									</span>
								</span>
									</div>
								</a>
						</li>
						{/volist}
					
					{/case}
					{case value="3"}
						{volist name="newtop" id="vo"}
						<li>
								<a href="{:url('/book/info',['id'=>$vo.id])}">
									<div class="leftImage"><img src="{$vo.cover}" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></div>
									<div class="rightBlock">
										<span class="rightBlock_title">{$vo.title}</span>
										<span class="rightBlock_con">
										 <span class="con">{$vo.intro}...</span>
								</span>
										<span class="rightBlock_label">
									<span class="keyWord_l">
										   <i class="k1">{$vo['fullflag']==1?"完结":"连载中"}完结</i>
									</span>
									<span class="keyWord_r">
										   <i class="k1">{$vo.size/10000|round=###,1}万字</i>
										   <i class="k2">{$vo.category| get_category=###,'title'}</i>
									</span>
								</span>
									</div>
								</a>
						</li>
						{/volist}
					
					{/case}
					{case value="4"}
						{volist name="acttop" id="vo"}
						<li>
								<a href="{:url('/book/info',['id'=>$vo.id])}">
									<div class="leftImage"><img src="{$vo.cover}" onerror="javascript:this.src='/public/novel/images/default.jpg';"/></div>
									<div class="rightBlock">
										<span class="rightBlock_title">{$vo.title}</span>
										<span class="rightBlock_con">
										 <span class="con">{$vo.intro}...</span>
								</span>
										<span class="rightBlock_label">
									<span class="keyWord_l">
										   <i class="k1">{$vo['fullflag']==1?"完结":"连载中"}完结</i>
									</span>
									<span class="keyWord_r">
										   <i class="k1">{$vo.size/10000|round=###,1}万字</i>
										   <i class="k2">{$vo.category| get_category=###,'title'}</i>
									</span>
								</span>
									</div>
								</a>
						</li>
						{/volist}
					
					{/case}
				{/switch}
				</ul>
            </div>

            <div class="app_reload" id="loading" style="display: none">
                <span class="loader-section">
                    <div class="loader-sectionContainer">
                        <div class="sk-fading-circle">
                            <div class="sk-circle1 sk-circle"></div>
                            <div class="sk-circle2 sk-circle"></div>
                            <div class="sk-circle3 sk-circle"></div>
                            <div class="sk-circle4 sk-circle"></div>
                            <div class="sk-circle5 sk-circle"></div>
                            <div class="sk-circle6 sk-circle"></div>
                            <div class="sk-circle7 sk-circle"></div>
                            <div class="sk-circle8 sk-circle"></div>
                            <div class="sk-circle9 sk-circle"></div>
                            <div class="sk-circle10 sk-circle"></div>
                            <div class="sk-circle11 sk-circle"></div>
                            <div class="sk-circle12 sk-circle"></div>
                        </div>
                    </div>
                    <div class="loader-sectionTips">正在加载更多</div>
                </span>
            </div>

            <div class="app_noData" style="display: none"><span class="noData">没有更多内容了</span></div>

        </div>
        
        {block name="include"}{include file="public:footer" /}{/block}

    </div>
</div>


{/block}
{block name="script"}
<script type="text/javascript">
    
    $(document).ready(function () {
		var totoal = $('#books li').length;
		if (totoal==0)
		{
			$('.app_noData').show();
		}
   
    });

</script>
{/block}


